<!DOCTYPE HTML>
<html>
<head>
    <title>Twitter-Like Web Chat</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="func.js"></script>
</head>
<body>
    <div class="wrapper">
        <header class="header">Twitter-Like Web Chat</header>
        <section id="chatContainer" class="left">
            <header class="contentHeader chatHeader">Channel <span>#telerik</span></header>
            <section id="chatBody">
            </section>
            <footer id="chatFooter">
                Post message: 
                <input id="newMessage" type="text" name="newMessage" />
                <input id="post" type="button" value="Post" />
            </footer>
        </section>
        <nav class="right" id="channelContainer">
            <header class="contentHeader">Channels</header>
            <section id="channelsBody">
            </section>
            <input id="reset" type="button" value="Reset the channel" />
        </nav>
        <div class="clear"></div>
        <footer class="footer">&copy;Telerik Academy, 2011</footer>
    </div>
</body>
</html>